<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Brio Web App - Bootstrap Admin Template + AngularJS</title>

    <meta name="description" content="">
    <meta name="author" content="Akshay Kumar">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.css"/>

    <!-- Timeline Styling  -->
    <link rel="stylesheet" href="assets/css/app/timeline.css"/>

    <!-- Fonts  -->
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,300' rel='stylesheet' type='text/css'>

    <!-- Base Styling  -->
    <link rel="stylesheet" href="assets/css/app/app.v1.css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


    </script>


    </
    head >
    < body >


        <!-- Preloader -->
    < div;
    class
    = "loading-container" >
            < div;
    class
    = "loading" >
            < div;
    class
    = "l1" >
            < div > < / div >
            < / div >
            < div;
    class
    = "l2" >
            < div > < / div >
            < / div >
            < div;
    class
    = "l3" >
            < div > < / div >
            < / div >
            < div;
    class
    = "l4" >
            < div > < / div >
            < / div >
            < / div >
            < / div >
                <!-- Preloader -->


            < aside;
    class
    = "left-panel" >

            < div;
    class
    = "user text-center" >
            < img;
    src = "assets/images/avtar/user.png";
    class
    = "img-circle";
    alt = "..." >
            < h4;
    class
    = "user-name" > Akshay;
    Kumar < / h4 >

    < div;
    class
    = "dropdown user-login" >
            < button;
    class
    = "btn btn-xs dropdown-toggle btn-rounded";
    type = "button";
    data - toggle = "dropdown";
    aria - expanded = "true" >
            < i;
    class
    = "fa fa-circle status-icon available" > < / i > Available < i;
    class
    = "fa fa-angle-down" > < / i >
            < / button >
            < ul;
    class
    = "dropdown-menu";
    role = "menu";
    aria - labelledby = "dropdownMenu1" >
            < li;
    role = "presentation" > < a;
    role = "menuitem";
    href = "#" > < i;
    class
    = "fa fa-circle status-icon busy" > < / i > Busy < / a > < / li >
            < li;
    role = "presentation" > < a;
    role = "menuitem";
    href = "#" > < i;
    class
    = "fa fa-circle status-icon invisibled" > < / i > Invisible < / a > < / li >
            < li;
    role = "presentation" > < a;
    role = "menuitem";
    href = "#" > < i;
    class
    = "fa fa-circle status-icon signout" > < / i > Sign;
    out < / a > < / li >
    < / ul >
    < / div >
    < / div >


    < nav;
    class
    = "navigation" >
            < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "index.html" > < i;
    class
    = "fa fa-bookmark-o" > < / i > < span;
    class
    = "nav-label" > Dashboard < / span > < / a > < / li >
            < li;
    class
    = "has-submenu active" > < a;
    href = "#" > < i;
    class
    = "fa fa-comment-o" > < / i > < span;
    class
    = "nav-label" > Widgets &amp; Apps < / span > < / a >
            < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "email.html" > Email < / a > < / li >
            < li;
    class
    = "active" > < a;
    href = "timeline.html" > Timeline < / a > < / li >
            < li > < a;
    href = "calendar.html" > Calendar < / a > < / li >
            < li > < a;
    href = "notes.html" > Notes < / a > < / li >
            < li > < a;
    href = "file-browser.html" > File;
    Browser < / a > < / li >
    < / ul >
    < / li >
    < li;
    class
    = "has-submenu" > < a;
    href = "#" > < i;
    class
    = "fa fa-flag-o" > < / i > < span;
    class
    = "nav-label" > UI;
    Elements < / span > < / a >
    < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "uielements-general.html" > General;
    Elements < / a > < / li >
    < li > < a;
    href = "buttons.html" > Buttons < / a > < / li >
            < li > < a;
    href = "icons.html" > Icons < / a > < / li >
            < li > < a;
    href = "typography.html" > Typography < / a > < / li >
            < li > < a;
    href = "grid.html" > Grid < / a > < / li >
            < li > < a;
    href = "panels.html" > Panels < / a > < / li >
            < / ul >
            < / li >
            < li;
    class
    = "has-submenu" > < a;
    href = "#" > < i;
    class
    = "fa fa-file-text-o" > < / i > < span;
    class
    = "nav-label" > Forms < / span > < / a >
            < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "forms-element.html" > General;
    Elements < / a > < / li >
    < li > < a;
    href = "forms-validation.html" > Form;
    Validation < / a > < / li >
    < li > < a;
    href = "wysihtml.html" > Wysihtml < / a > < / li >
            < li > < a;
    href = "file-upload.html" > File;
    Upload < / a > < / li >
    < li > < a;
    href = "image-crop.html" > Image;
    Crop < / a > < / li >
    < / ul >
    < / li >
    < li;
    class
    = "has-submenu" > < a;
    href = "#" > < i;
    class
    = "fa fa-heart-o" > < / i > < span;
    class
    = "nav-label" > Table &amp; Grid < / span > < / a >
            < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "basic-tables.html" > Basic;
    Tables < / a > < / li >
    < li > < a;
    href = "data-tables.html" > Data;
    Table < / a > < / li >
    < / ul >
    < / li >
    < li;
    class
    = "has-submenu" > < a;
    href = "#" > < i;
    class
    = "fa fa-code" > < / i > < span;
    class
    = "nav-label" > Charts < / span > < / a >
            < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "chart-variants.html" > Chart;
    Variants < / a > < / li >
    < li > < a;
    href = "gauges.html" > Gauges < / a > < / li >
            < li > < a;
    href = "vector-maps.html" > Vector;
    Maps < / a > < / li >
    < li > < a;
    href = "range-selector.html" > Range;
    Selector < / a > < / li >
    < / ul >
    < / li >
    < li;
    class
    = "has-submenu" > < a;
    href = "#" > < i;
    class
    = "fa fa-star-o" > < / i > < span;
    class
    = "nav-label" > Plugins &amp; More < / span > < / a >
            < ul;
    class
    = "list-unstyled" >
            < li > < a;
    href = "404.html" > 404;
    Page < / a > < / li >
    < li > < a;
    href = "invoice.html" > Invoice < / a > < / li >
            < li > < a;
    href = "elfinder.html" > File;
    Manager < / a > < / li >
    < li > < a;
    href = "google-maps.html" > Google;
    Maps < / a > < / li >
    < li > < a;
    href = "signin.html" > Signin < / a > < / li >
            < li > < a;
    href = "signup.html" > Signup < / a > < / li >
            < li > < a;
    href = "search.html" > Search < / a > < / li >
            < li > < a;
    href = "full-screen.html" > Full;
    Screen < / a > < / li >
    < li > < a;
    href = "blank.html" > Blank;
    Page < / a > < / li >

    < / ul >
    < / li >
    < / ul >
    < / nav >

    < / aside >

    < section;
    class
    = "content" >

            < header;
    class
    = "top-head container-fluid" >
            < button;
    type = "button";
    class
    = "navbar-toggle pull-left" >
            < span;
    class
    = "sr-only" > Toggle;
    navigation < / span >
    < span;
    class
    = "icon-bar" > < / span >
            < span;
    class
    = "icon-bar" > < / span >
            < span;
    class
    = "icon-bar" > < / span >
            < / button >

            < form;
    role = "search";
    class
    = "navbar-left app-search pull-left hidden-xs" >
            < input;
    type = "text";
    placeholder = "Enter keywords...";
    class
    = "form-control form-control-circle" >
            < / form >

            < nav;
    class
    = " navbar-default hidden-xs";
    role = "navigation" >
            < ul;
    class
    = "nav navbar-nav" >
            < li > < a;
    href = "#" > Link < / a > < / li >
            < li;
    class
    = "dropdown" >
            < a;
    data - toggle = "dropdown";
    class
    = "dropdown-toggle";
    href = "#" > Dropdown < span;
    class
    = "caret" > < / span > < / a >
            < ul;
    role = "menu";
    class
    = "dropdown-menu" >
            < li > < a;
    href = "#" > Action < / a > < / li >
            < li > < a;
    href = "#" > Another;
    action < / a > < / li >
    < li > < a;
    href = "#" > Something
    else
    here < / a > < / li >
    < li;
    class
    = "divider" > < / li >
            < li > < a;
    href = "#" > Separated;
    link < / a > < / li >
    < li;
    class
    = "divider" > < / li >
            < li > < a;
    href = "#" > One;
    more;
    separated;
    link < / a > < / li >
    < / ul >
    < / li >
    < / ul >
    < / nav >

    < ul;
    class
    = "nav-toolbar" >
            < li;
    class
    = "dropdown" > < a;
    href = "#";
    data - toggle = "dropdown" > < i;
    class
    = "fa fa-comments-o" > < / i > < span;
    class
    = "badge bg-warning" > 7 < / span > < / a >
            < div;
    class
    = "dropdown-menu md arrow pull-right panel panel-default arrow-top-right messages-dropdown" >
            < div;
    class
    = "panel-heading" >
            Messages
            < / div >

            < div;
    class
    = "list-group" >

            < a;
    href = "#";
    class
    = "list-group-item" >
            < div;
    class
    = "media" >
            < div;
    class
    = "user-status busy pull-left" >
            < img;
    class
    = "media-object img-circle pull-left";
    src = "assets/images/avtar/user2.png";
    alt = "user#1";
    width = "40" >
            < / div >
            < div;
    class
    = "media-body" >
            < h5;
    class
    = "media-heading" > Lorem;
    ipsum;
    dolor;
    sit;
    consect.... < / h5 >
    < small;
    class
    = "text-muted" > 23;
    Sec;
    ago < / small >
    < / div >
    < / div >
    < / a >
    < a;
    href = "#";
    class
    = "list-group-item" >
            < div;
    class
    = "media" >
            < div;
    class
    = "user-status offline pull-left" >
            < img;
    class
    = "media-object img-circle pull-left";
    src = "assets/images/avtar/user3.png";
    alt = "user#1";
    width = "40" >
            < / div >
            < div;
    class
    = "media-body" >
            < h5;
    class
    = "media-heading" > Nunc;
    elementum, enim;
    vitae < / h5 >
    < small;
    class
    = "text-muted" > 23;
    Sec;
    ago < / small >
    < / div >
    < / div >
    < / a >
    < a;
    href = "#";
    class
    = "list-group-item" >
            < div;
    class
    = "media" >
            < div;
    class
    = "user-status invisibled pull-left" >
            < img;
    class
    = "media-object img-circle pull-left";
    src = "assets/images/avtar/user4.png";
    alt = "user#1";
    width = "40" >
            < / div >
            < div;
    class
    = "media-body" >
            < h5;
    class
    = "media-heading" > Praesent;
    lacinia, arcu;
    eget < / h5 >
    < small;
    class
    = "text-muted" > 23;
    Sec;
    ago < / small >
    < / div >
    < / div >
    < / a >
    < a;
    href = "#";
    class
    = "list-group-item" >
            < div;
    class
    = "media" >
            < div;
    class
    = "user-status online pull-left" >
            < img;
    class
    = "media-object img-circle pull-left";
    src = "assets/images/avtar/user5.png";
    alt = "user#1";
    width = "40" >
            < / div >
            < div;
    class
    = "media-body" >
            < h5;
    class
    = "media-heading" > In;
    mollis;
    blandit;
    tempor. < / h5 >
    < small;
    class
    = "text-muted" > 23;
    Sec;
    ago < / small >
    < / div >
    < / div >
    < / a >

    < a;
    href = "#";
    class
    = "btn btn-info btn-flat btn-block" > View;
    All;
    Messages < / a >

    < / div >

    < / div >
    < / li >
    < li;
    class
    = "dropdown" > < a;
    href = "#";
    data - toggle = "dropdown" > < i;
    class
    = "fa fa-bell-o" > < / i > < span;
    class
    = "badge" > 3 < / span > < / a >
            < div;
    class
    = "dropdown-menu arrow pull-right md panel panel-default arrow-top-right notifications" >
            < div;
    class
    = "panel-heading" >
            Notification
            < / div >

            < div;
    class
    = "list-group" >

            < a;
    href = "#";
    class
    = "list-group-item" >
            < p > Installing;
    App;
    v1
    .2;
    .1 < small;
    ;
    class
    = "pull-right text-muted" > 45 % Done < / small > < / p >
            < div;
    class
    = "progress progress-xs no-margn progress-striped active" >
            < div;
    class
    = "progress-bar";
    role = "progressbar";
    aria - valuenow = "45";
    aria - valuemin = "0";
    aria - valuemax = "100";
    style = "width: 45%" >
            < span;
    class
    = "sr-only" > 45 % Complete < / span >
            < / div >
            < / div >
            < / a >

            < a;
    href = "#";
    class
    = "list-group-item" >
            Fusce;
    dapibus;
    molestie;
    tincidunt.Quisque;
    facilisis;
    libero;
    eget;
    justo;
    iaculis
    < / a >

    < a;
    href = "#";
    class
    = "list-group-item" >
            < p > Server;
    Status < / p >
    < div;
    class
    = "progress progress-xs no-margn" >
            < div;
    class
    = "progress-bar progress-bar-success";
    style = "width: 35%" >
            < span;
    class
    = "sr-only" > 35 % Complete(success) < / span >
            < / div >
            < div;
    class
    = "progress-bar progress-bar-warning";
    style = "width: 20%" >
            < span;
    class
    = "sr-only" > 20 % Complete(warning) < / span >
            < / div >
            < div;
    class
    = "progress-bar progress-bar-danger";
    style = "width: 10%" >
            < span;
    class
    = "sr-only" > 10 % Complete(danger) < / span >
            < / div >
            < / div >
            < / a >


            < a;
    href = "#";
    class
    = "list-group-item" >
            < div;
    class
    = "media" >
            < span;
    class
    = "label label-danger media-object img-circle pull-left" > Danger < / span >
            < div;
    class
    = "media-body" >
            < h5;
    class
    = "media-heading" > Lorem;
    ipsum;
    dolor;
    sit;
    consect.. < / h5 >
    < / div >
    < / div >
    < / a >


    < a;
    href = "#";
    class
    = "list-group-item" >
            < p > Server;
    Status < / p >
    < div;
    class
    = "progress progress-xs no-margn" >
            < div;
    style = "width: 60%";
    aria - valuemax = "100";
    aria - valuemin = "0";
    aria - valuenow = "60";
    role = "progressbar";
    class
    = "progress-bar progress-bar-info" >
            < span;
    class
    = "sr-only" > 60 % Complete(warning) < / span >
            < / div >
            < / div >
            < / a >


            < / div >

            < / div >
            < / li >
            < li;
    class
    = "dropdown" > < a;
    href = "#";
    data - toggle = "dropdown" > < i;
    class
    = "fa fa-ellipsis-v" > < / i > < / a >
            < div;
    class
    = "dropdown-menu lg pull-right arrow panel panel-default arrow-top-right" >
            < div;
    class
    = "panel-heading" >
            More;
    Apps
    < / div >
    < div;
    class
    = "panel-body text-center" >
            < div;
    class
    = "row" >
            < div;
    class
    = "col-xs-6 col-sm-4" > < a;
    href = "#";
    class
    = "text-green" > < span;
    class
    = "h2" > < i;
    class
    = "fa fa-envelope-o" > < / i > < / span > < p;
    class
    = "text-gray no-margn" > Messages < / p > < / a > < / div >
            < div;
    class
    = "col-xs-6 col-sm-4" > < a;
    href = "#";
    class
    = "text-purple" > < span;
    class
    = "h2" > < i;
    class
    = "fa fa-calendar-o" > < / i > < / span > < p;
    class
    = "text-gray no-margn" > Events < / p > < / a > < / div >

            < div;
    class
    = "col-xs-12 visible-xs-block" > < hr > < / div >

            < div;
    class
    = "col-xs-6 col-sm-4" > < a;
    href = "#";
    class
    = "text-red" > < span;
    class
    = "h2" > < i;
    class
    = "fa fa-comments-o" > < / i > < / span > < p;
    class
    = "text-gray no-margn" > Chatting < / p > < / a > < / div >

            < div;
    class
    = "col-lg-12 col-md-12 col-sm-12  hidden-xs" > < hr > < / div >

            < div;
    class
    = "col-xs-6 col-sm-4" > < a;
    href = "#";
    class
    = "text-yellow" > < span;
    class
    = "h2" > < i;
    class
    = "fa fa-folder-open-o" > < / i > < / span > < p;
    class
    = "text-gray" > Folders < / p > < / a > < / div >

            < div;
    class
    = "col-xs-12 visible-xs-block" > < hr > < / div >

            < div;
    class
    = "col-xs-6 col-sm-4" > < a;
    href = "#";
    class
    = "text-primary" > < span;
    class
    = "h2" > < i;
    class
    = "fa fa-flag-o" > < / i > < / span > < p;
    class
    = "text-gray" > Task < / p > < / a > < / div >
            < div;
    class
    = "col-xs-6 col-sm-4" > < a;
    href = "#";
    class
    = "text-info" > < span;
    class
    = "h2" > < i;
    class
    = "fa fa-star-o" > < / i > < / span > < p;
    class
    = "text-gray" > Favorites < / p > < / a > < / div >
            < / div >
            < / div >
            < / div >
            < / li >
            < / ul >
            < / header >
                <!-- Header Ends -->


            < div;
    class
    = "warper container-fluid" >

            < div;
    class
    = "page-header" > < h1 > Timeline < small > View;
    your;
    events < / small > < / h1 > < / div >


    < div;
    class
    = "row" >

            < div;
    class
    = "col-sm-3" >
            < div;
    class
    = "panel panel-default" >
            < div;
    class
    = "panel-heading" > Add;
    New;
    Events < / div >
    < div;
    class
    = "panel-body" >

            < form;
    role = "form" >
            < div;
    class
    = "form-group" >
            < label > Name < / label >
            < input;
    type = "email";
    class
    = "form-control";
    placeholder = "Event Name" >
            < / div >
            < div;
    class
    = "form-group" >
            < label > Date < / label >
            < input;
    type = "password";
    class
    = "form-control";
    placeholder = "Event Date" >
            < / div >
            < hr >
            < div;
    class
    = "form-group no-margn" >
            < button;
    class
    = "btn btn-success btn-block";
    type = "button";
    data - toggle = "modal";
    data - target = "#timeline-event" > Add;
    New;
    Event < / button >
    < / div >
    < / form >

    < / div >
    < / div >
    < / div >

    < div;
    class
    = "col-sm-9" >

            < ul;
    class
    = "timeline list-unstyled" >
            < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-purple" > 23
    :
    15 < / h3 >
    < p > 05
    th;
    ;
    September;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-purple tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-primary" >
            < div;
    class
    = "panel-heading" > Events < / div >
            < div;
    class
    = "panel-body" >
            Lorem;
    ipsum;
    dolor;
    sit;
    amet, consectetur;
    adipiscing;
    elit.Aliquam;
    laoreet;
    tellus;
    ut;
    tincidunt;
    euismod.Nam;
    fermentum, massa;
    sit;
    amet;
    pulvinar;
    laoreet, sem;
    mi;
    viverra;
    turpis, ac;
    porta;
    felis;
    nisl;
    eu;
    odio.
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-success" > 07
    :
    44 < / h3 >
    < p > 23
    th;
    ;
    April;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-success tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-success" >
            < div;
    class
    = "panel-body" >
            Maecenas;
    eget;
    tempor;
    diam.
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-warning" > 12
    :
    14 < / h3 >
    < p > 23
    th;
    ;
    August;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-warning tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-warning" >
            < div;
    class
    = "panel-body" >
            Etiam;
    pretium;
    at;
    dolor;
    id;
    tincidunt. < span;
    class
    = "label label-danger" > Aliquam;
    non;
    mollis;
    diam < / span >
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-info" > 12
    :
    14 < / h3 >
    < p > 23
    th;
    ;
    August;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-info tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-info";
    style = "display:block;" >
            < div;
    class
    = "panel-body" >
            < div;
    id = "simpleMap";
    style = "height:250px;" > < / div >
            < / div >
            < / div >
            < / div >
            < / li >
            < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-danger" > 12
    :
    14 < / h3 >
    < p > 23
    th;
    ;
    August;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-danger tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-danger" >
            < div;
    class
    = "panel-body" >
            Ut;
    a;
    tellus;
    non;
    neque;
    faucibus. < span;
    class
    = "label label-warning" > Aenean;
    sem;
    lorem, rhoncus < / span >
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-success" > 07
    :
    44 < / h3 >
    < p > 23
    th;
    ;
    April;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-success tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-success" >
            < div;
    class
    = "panel-heading" > Events < / div >
            < div;
    class
    = "panel-body" >
            Etiam;
    pretium;
    at;
    dolor;
    id;
    tincidunt.Vestibulum;
    mi;
    enim, aliquet;
    quis;
    dignissim;
    quis, facilisis;
    et;
    nulla.Etiam;
    nisl;
    odio, pretium;
    et;
    vulputate;
    at, volutpat;
    id;
    lectus.
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-purple" > 23
    :
    15 < / h3 >
    < p > 05
    th;
    ;
    September;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-purple tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-primary" >
            < div;
    class
    = "panel-heading" > Events < / div >
            < div;
    class
    = "panel-body" >
            Lorem;
    ipsum;
    dolor;
    sit;
    amet, consectetur;
    adipiscing;
    elit.Aliquam;
    laoreet;
    tellus;
    ut;
    tincidunt;
    euismod.Nam;
    fermentum, massa;
    sit;
    amet;
    pulvinar;
    laoreet, sem;
    mi;
    viverra;
    turpis, ac;
    porta;
    felis;
    nisl;
    eu;
    odio.
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-success" > 07
    :
    44 < / h3 >
    < p > 23
    th;
    ;
    April;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-success tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-success" >
            < div;
    class
    = "panel-body" >
            Maecenas;
    eget;
    tempor;
    diam.
    < / div >
    < / div >
    < / div >
    < / li >
    < li;
    class
    = "clearfix" >
            < time;
    class
    = "tl-time" >
            < h3;
    class
    = "text-warning" > 12
    :
    14 < / h3 >
    < p > 23
    th;
    ;
    August;
    2013 < / p >
    < / time >
    < i;
    class
    = "fa fa-comments-o bg-warning tl-icon text-white" > < / i >
            < div;
    class
    = "tl-content" >
            < div;
    class
    = "panel panel-warning" >
            < div;
    class
    = "panel-body" >
            Etiam;
    pretium;
    at;
    dolor;
    id;
    tincidunt. < span;
    class
    = "label label-danger" > Aliquam;
    non;
    mollis;
    diam < / span >
    < / div >
    < / div >
    < / div >
    < / li >
    < / ul >

    < / div >

    < / div >


    < / div >
        <!-- Warper Ends Here (working area) -->


    < footer;
    class
    = "container-fluid footer" >
            Copyright & copy;
    2014 < a;
    href = "http://freakpixels.com/";
    target = "_blank" > FreakPixels < / a >
            < a;
    href = "#";
    class
    = "pull-right scrollToTop" > < i;
    class
    = "fa fa-chevron-up" > < / i > < / a >
            < / footer >


            < / section >
                <!-- Content Block Ends Here (right box)-->



                <!-- Modal -->
            < div;
    class
    = "modal fade";
    id = "timeline-event";
    tabindex = "-1";
    role = "dialog";
    aria - labelledby = "myModalLabel";
    aria - hidden = "true" >
            < div;
    class
    = "modal-dialog" >
            < div;
    class
    = "modal-content" >
            < div;
    class
    = "modal-header" >
            < button;
    type = "button";
    class
    = "close";
    data - dismiss = "modal" > < span;
    aria - hidden = "true" > & times;
    </
    span > < span;
    class
    = "sr-only" > Close < / span > < / button >
            < h4;
    class
    = "modal-title";
    id = "myModalLabel" > Configuration;
    Panel < / h4 >
    < / div >
    < div;
    class
    = "modal-body" >

            < p > Lorem;
    ipsum;
    dolor;
    sit;
    amet, consectetur;
    adipiscing;
    elit.Maecenas;
    erat;
    quam, fermentum;
    et;
    accumsan;
    eu, imperdiet;
    ac;
    urna.In;
    vulputate;
    diam;
    sed;
    urna;
    tempor;
    luctus.Curabitur;
    vestibulum;
    augue;
    ac;
    sapien;
    pharetra;
    rutrum.Cras;
    ac;
    elit;
    pellentesque, pretium;
    nisi;
    sit;
    amet, condimentum;
    leo.Mauris;
    auctor;
    sagittis;
    elit, ut;
    bibendum;
    enim;
    condimentum;
    vitae.Morbi;
    nec;
    elit;
    ut;
    massa;
    efficitur;
    sodales;
    ut;
    non;
    risus.Proin;
    eget;
    nisi;
    aliquam, mattis;
    justo;
    ac, sollicitudin;
    ex. < / p >

    < / div >
    < div;
    class
    = "modal-footer" >
            < button;
    type = "button";
    class
    = "btn btn-default";
    data - dismiss = "modal" > Close < / button >
            < button;
    type = "button";
    class
    = "btn btn-primary" > Add;
    Event < / button >
    < / div >
    < / div >
    < / div >
    < / div >



        <!-- JQuery v1.9.1 -->
    < script;
    src = "assets/js/jquery/jquery-1.9.1.min.js";
    type = "text/javascript" ></script>

    <!-- Bootstrap -->
    <script src="assets/js/bootstrap/bootstrap.min.js"></script>

    <!-- NanoScroll -->
    <script src="assets/js/plugins/nicescroll/jquery.nicescroll.min.js"></script>

    <!-- Google Maps -->
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
    <script src="assets/js/google-maps/googlemap-conf.js"></script>

    <!-- Custom JQuery -->
    <script src="assets/js/app/custom.js" type="text/javascript"></script>


    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                        (i[r].q = i[r].q || []).push(arguments)
                    }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-56821827-1', 'auto');
        ga('send', 'pageview');

    </script>
    </body>
</html>
